#cabecera{
    width: 100%;
    height: 300px;
    background-color: #007B83;/*color*/
}

#cuerpo{
    width: 1000px;
    height: 1000px;
    background-color: #e5e5e5;/*color*/
    margin-left: auto;
    margin-right: auto;
}

#pie{
    width: 100%;
    height: 300px;
    background-color: #007B83;/*color*/
}
#uno{
    width: 1000px;
    height: 300px;
    background-color: #007B83;/*color*/
    margin-left: auto;
    margin-right: auto;
    
}
#dos{
    width: 100px;
    height: 100px;
    background-color: #e5e5e5;/*color*/
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    background-image: url(logo\ itc.jpeg);
    background-size: cover;
    border-radius: 50px;
}
#tres{
    width: 700px;
    height: 75px;
    background-color: #e5e5e5;/*color*/
    float: left;
    text-align: center;
    font-size: xx-large;
    margin-left: 160px;
    margin-right: 160px;   
    border-radius: 15px;
    font-weight: bold;
}
#cuatro{
    width: 200px;
    height: 200px;
    background-color: #007B83;
    margin-left: 50px;
    margin-top: 25px;
    float: left;
    background-image: url(Potentiometer.jpg);
    background-size: cover;
    border-radius: 15px;
}
#cinco{
    width: 625px;
    height: 200px;
    background-color: #007B83;
    margin-top: 25px;
    float: right;
    margin-right: 50px;
    border-radius: 15px;
}
#seis{
    width: 900px;
    height: 200px;
    background-color: #007B83;
    float: left;
    margin-left: 50px;
    margin-top: 25px;
    border-radius: 15px;
}
#siete{
    width: 250px;
    height: 250px;
    background-color: #007B83;
    float: left;
    margin-left: 50px;
    margin-top: 25px;
    background-image: url(lineal.jpg);
    background-size: cover;
    border-radius: 15px;
}
#ocho{
    width: 250px;
    height: 250px;
    background-color: #007B83;
    background-image: url(rotativo.jpeg);
    float: left;
    background-size: cover;
    margin-left: 75px;
    margin-top: 25px;
    border-radius: 15px;
}
#nueve{
    width: 250px;
    height: 250px;
    background-color: #007B83;
    background-image: url(trimpot.jpeg);
    background-size: cover;
    float: right;
    margin-right: 50px;
    margin-top: 25px;
    border-radius: 15px;
}
#diez{
    width: 400px;
    height: 200px;
    background-color: #007B83;
    float: left;
    margin-left: 50px;
    margin-top: 25px;
    border-radius: 15px;
}
#once{
    width: 400px;
    height: 200px;
    background-color: #007B83;
    float: right;
    margin-right: 50px;
    margin-top: 25px;
    border-radius: 15px;
}
#doce{
    width: 615px;
    height: 112.5px;
    background-color: #e5e5e5;
    float: left;
    margin-left: 50px;
    margin-top: 25px;
    border-radius: 15px;
}
#trece{
    width: 615px;
    height: 112.5px;
    background-color: #e5e5e5;
    float: left;
    margin-left: 50px;
    margin-top: 25px;
    border-radius: 15px;
}
#catorce{
    width: 225px;
    height: 250px;
    background-color: #e5e5e5;
    background-image: url(piep.jpeg);
    background-size: cover;
    float: right;
    margin-right: 50px;
    margin-top: 25px;
    float: right;
    border-radius: 15px;
}
#quince{
    width: 900px;
    height: 80px;
    background-color: #007B83;
    float: right;
    margin-left: 50px;
    margin-top: 15px;
    float: left;
    border-radius: 15px;
}
#dieciseis{
     width: 625px;
    height: 200px;
    background-color: #007B83;
    margin-top: 25px;
    float: right;
    margin-right: 50px;
    border-radius: 15px;
}
#diecisiete{
    width: 200px;
    height: 200px;
    background-color: #007B83;
    background-image: url(potlineal.png);
    background-size: cover;
    margin-left: 75px;
    margin-top: 25px;
    float: left;
    border-radius: 15px;
}
#dieciocho{
     width: 625px;
    height: 200px;
    background-color: #007B83;
    margin-top: 25px;
    float: left;
    margin-left: 50px;
    border-radius: 15px;
}
#diecinueve{
    width: 900px;
    height: 200px;
    background-color: #007B83;
    float: left;
    margin-left: 50px;
    margin-top: 25px;
    border-radius: 15px;
}
#veinte{
    width: 200px;
    height: 200px;
    background-color: #007B83;
    background-image: url(estint.jpeg);
    background-size: cover;
    margin-left: 50px;
    margin-top: 25px;
    float: left;
    border-radius: 15px;
}
#veintiuno{
    width: 400px;
    height: 200px;
    background-color: #007B83;
    float: left;
    margin-left: 50px;
    margin-top: 25px;
    border-radius: 15px;
}
#veintidos{
    width: 400px;
    height: 200px;
    background-color: #007B83;
    float: left;
    margin-left: 100px;
    margin-top: 25px;
    border-radius: 15px;
}
#textocuerpo{
    font-size: medium;
    text-align: justify;
    padding: 5px;
    margin-top: -2px;
}
#textocuerpo2{
    font-size: medium;
    text-align: justify;
    padding: 5px;
    margin-top: -1px;
}
#textoimagen{
    font-size: larger;
    text-align: center;
}
#textopie{
font-size: larger;
text-align: center;
}
#textopie2{
    font-size: xx-large;
    text-align: center;
}
.formato_lista_h li{
    display: inline;
}
.formato_lista_h li a{
    width: 406px;
    height: 70px;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    display: inline-block;
    background-color:#696969;
    color: #000000; 
    line-height: 50px; 
    font-weight: bold; 
    border-radius: 15px;
    margin-top: -10px;
    font-size: larger;
}
.formato_lista_h li a:hover{ 
background-color: #2725b9; 
}